<template>
  <div>
    <!-- 
      安装vue-router 3.0版本
        npm install vue-router@3
     -->
     <!-- 路由视图组件 -->
     <span>
          <!-- <a href="/">首页</a>
          <a href="/news">新闻</a>
          <a href="/login">登录</a> -->
          <!-- 路由跳转的专属组件 -->
          <!-- <router-link 
            to="要跳转的路由地址"
          > -->
          <router-link 
            :to="{
              name: 'home'
              // path: '/'
            }"
          >
            首页
          </router-link>
          <router-link 
            to="/news"
          >
            新闻
          </router-link>
          <router-link 
            to="/login"
          >
            登录
          </router-link>
          <!-- 
            点击router-link
            会自动匹配配置好的路由地址
            并把相应的路由时图
            渲染到router-view组件中
           -->
      </span>
      <div class="content">
          <router-view />
      </div>
  </div>
</template>
<script>
  export default {
    
  }
</script>